<template>
	<view>
		<button @click="onSetTimeOut()" type="primary">单次计时器</button>
		<button @click="onSetTimeOut('zx',123)">启动传参计时器</button>
		<button @click="onClearTimeOut()" type="warn">取消计时器</button>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				name:'zhixin',
				timer1:null
			}
		},
		methods: {
			onSetTimeOut(){
			console.log("onSetTimeOut()");
			// setTimeout(callback,ms,args)
			this.timer1 = setTimeout(()=>{
				console.log("onSetTimeOut() callback");
				// ...
				console.log("onSetTimeOut() callback end");
				
			},3000);
		},
		// onSetTimeOut(username,pwd){
		// 	console.log("onSetTimeOut()",username,pwd);
		// 	// ()=>{ }
		// 	setTimeout((x,y)=>{
		// 		console.log("------callback",x,y);
		// 	},2000,username,pwd)
		// },
		onClearTimeOut(){
			console.error("onCleartimeOut() 取消计时器");
			clearTimeout(this.timer1);
		}
	}
}
</script>

<style>
button{
	margin: 20rpx;
}
</style>
